<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1076850" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">超市</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">篮子</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">饮料</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">刀叉</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">cl-icon-Star</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">今日预警</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">预警</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">咖啡 等待</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">qp_icon_star</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">安全事件</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">慈善力量</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">风险预警</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">工地安全</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">家庭总数</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">行政处罚</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">教育设施</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">党建设施</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">街镇管理</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">居委干部</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">两抢警情</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">联合惩戒</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">楼组长</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">迁出企业svg</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">群体事件</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">迁入企业</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">城管执法</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">日常监管</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">社工在岗人数</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">社工</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">涉赌警情</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">社区民警</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">涉毒警情</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">生活设施</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">生活服务机构</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">死亡事故</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">市场主体 </div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">市容环卫</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">体育设施</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">文化设施</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">卫生设施</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">事故总数</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">许可审批</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">小区居民代表</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">物损事故</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">养老设施</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">新设企业</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">志愿服务中心</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">投诉举报</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">协管员</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">智慧感知</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">增资总额</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">注册资本</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">注（吊）销</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">志愿者</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">注册资金</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">增资企业</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">业委会成员</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">中央活动区</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">安全指数</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">公共安全1</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">行政审批</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">公共安全</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">河道巡查</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">家门口</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">家庭画像</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">建筑施工</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">规划建设</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">监督管理</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">交通指数</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">民生服务</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">平安态势</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">民生服务1</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">企业</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">监督预警</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">人口</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">民生指数</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">市场监管</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">营商指数</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">运行体征</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">营商服务</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">治安预警</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">指尖上</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">综合监管</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">重点场所</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">涉黄警情</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">市场风险</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">人伤事故</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">综合治理</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">社区建档</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">管廊运行</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">办件</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">市场风险</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">select</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">打卡签到</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">打卡统计</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">民情记录</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">热线分析</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">微网格</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">新增民情</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">巡更签到</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">巡更统计</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">handle</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">icon-traces-search</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">order</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">消息中心wu</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">消息中心</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">Add</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">authority</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">biking-person</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">htb－Arrow right02</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">contract_management_fill</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">Meeting</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">摄像头</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">市民上报信息</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">事件列表</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">市民无价值</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">市民负面</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">图书捐助</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">市民高价值</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">新增位置</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">邮件收发</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">志愿服务数</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">消防栓</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">处理信息</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">信息简报</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">资产列表</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">工作手机</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">我的贡献</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">紧急救助宣传</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">垃圾房</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">会议室预定</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">领导活动</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">签到位置</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">目标管理</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">处理详情</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">file</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">custom2</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">add user</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">打卡</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">全部考勤</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">考勤时长</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">个人信息</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">自发自处2</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">问题上报2</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">网格简报2</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">问题处置2</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">我的案件</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">我要咨询</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">问题上报</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">自发自处</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">我的贡献</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">问题处置</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">网格简报</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">城运分析</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">热线分析</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">报警查看</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">家庭画像</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">民情日志</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">报警处置</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">企业画像</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">人口房屋</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">社区资源</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">问题上报</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">自发自出</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">我的任务</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">社区力量</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">热线分析</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">问题隐患</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">一梁四柱</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">问题处置</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">市民消息</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">市民评价</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">待办</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">道路巡查</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">服务方确认与上报</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">订单完成</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">日程</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">公文包</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">浏览记录</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">日程1</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">邮箱</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">已办</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">通讯录</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-shop"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.icon-shop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-test"></span>
            <div class="name">
              超市
            </div>
            <div class="code-name">.iconicon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-down"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.icon-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-market"></span>
            <div class="name">
              篮子
            </div>
            <div class="code-name">.icon-market
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drink"></span>
            <div class="name">
              饮料
            </div>
            <div class="code-name">.icon-drink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dinner"></span>
            <div class="name">
              刀叉
            </div>
            <div class="code-name">.icon-dinner
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-star-off"></span>
            <div class="name">
              cl-icon-Star
            </div>
            <div class="code-name">.icon-star-off
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinriyujing"></span>
            <div class="name">
              今日预警
            </div>
            <div class="code-name">.icon-jinriyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangxun"></span>
            <div class="name">
              预警
            </div>
            <div class="code-name">.icon-fangxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-coffe"></span>
            <div class="name">
              咖啡 等待
            </div>
            <div class="code-name">.icon-coffe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-star-on"></span>
            <div class="name">
              qp_icon_star
            </div>
            <div class="code-name">.icon-star-on
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanshijian2"></span>
            <div class="name">
              安全事件
            </div>
            <div class="code-name">.icon-anquanshijian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cishanliliang"></span>
            <div class="name">
              慈善力量
            </div>
            <div class="code-name">.icon-cishanliliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxianyujing"></span>
            <div class="name">
              风险预警
            </div>
            <div class="code-name">.icon-fengxianyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdianquan"></span>
            <div class="name">
              工地安全
            </div>
            <div class="code-name">.icon-gongdianquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiatingzongshu"></span>
            <div class="name">
              家庭总数
            </div>
            <div class="code-name">.icon-jiatingzongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangzhengchufa"></span>
            <div class="name">
              行政处罚
            </div>
            <div class="code-name">.icon-hangzhengchufa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoyusheshi"></span>
            <div class="name">
              教育设施
            </div>
            <div class="code-name">.icon-jiaoyusheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dangjiansheshi"></span>
            <div class="name">
              党建设施
            </div>
            <div class="code-name">.icon-dangjiansheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiezhenguanli"></span>
            <div class="name">
              街镇管理
            </div>
            <div class="code-name">.icon-jiezhenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juweiganbu"></span>
            <div class="name">
              居委干部
            </div>
            <div class="code-name">.icon-juweiganbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liangqiangjingqing"></span>
            <div class="name">
              两抢警情
            </div>
            <div class="code-name">.icon-liangqiangjingqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianhechengjie"></span>
            <div class="name">
              联合惩戒
            </div>
            <div class="code-name">.icon-lianhechengjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-louzuchang"></span>
            <div class="name">
              楼组长
            </div>
            <div class="code-name">.icon-louzuchang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianchuqiyesvg"></span>
            <div class="name">
              迁出企业svg
            </div>
            <div class="code-name">.icon-qianchuqiyesvg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quntishijian"></span>
            <div class="name">
              群体事件
            </div>
            <div class="code-name">.icon-quntishijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianruqiye"></span>
            <div class="name">
              迁入企业
            </div>
            <div class="code-name">.icon-qianruqiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengguanzhifa"></span>
            <div class="name">
              城管执法
            </div>
            <div class="code-name">.icon-chengguanzhifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-richangjianguan"></span>
            <div class="name">
              日常监管
            </div>
            <div class="code-name">.icon-richangjianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shegongzaigangrenshu"></span>
            <div class="name">
              社工在岗人数
            </div>
            <div class="code-name">.icon-shegongzaigangrenshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shegong"></span>
            <div class="name">
              社工
            </div>
            <div class="code-name">.icon-shegong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shedujingqing"></span>
            <div class="name">
              涉赌警情
            </div>
            <div class="code-name">.icon-shedujingqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shequminjing"></span>
            <div class="name">
              社区民警
            </div>
            <div class="code-name">.icon-shequminjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shedujingqing1"></span>
            <div class="name">
              涉毒警情
            </div>
            <div class="code-name">.icon-shedujingqing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenghuosheshi"></span>
            <div class="name">
              生活设施
            </div>
            <div class="code-name">.icon-shenghuosheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenghuofuwujigou"></span>
            <div class="name">
              生活服务机构
            </div>
            <div class="code-name">.icon-shenghuofuwujigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-siwangshigu"></span>
            <div class="name">
              死亡事故
            </div>
            <div class="code-name">.icon-siwangshigu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shichangzhuti"></span>
            <div class="name">
              市场主体 
            </div>
            <div class="code-name">.icon-shichangzhuti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shironghuanwei"></span>
            <div class="name">
              市容环卫
            </div>
            <div class="code-name">.icon-shironghuanwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiyusheshi"></span>
            <div class="name">
              体育设施
            </div>
            <div class="code-name">.icon-tiyusheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenhuasheshi"></span>
            <div class="name">
              文化设施
            </div>
            <div class="code-name">.icon-wenhuasheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weishengsheshi"></span>
            <div class="name">
              卫生设施
            </div>
            <div class="code-name">.icon-weishengsheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiguzongshu"></span>
            <div class="name">
              事故总数
            </div>
            <div class="code-name">.icon-shiguzongshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xukeshenpi"></span>
            <div class="name">
              许可审批
            </div>
            <div class="code-name">.icon-xukeshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoqujumindaibiao"></span>
            <div class="name">
              小区居民代表
            </div>
            <div class="code-name">.icon-xiaoqujumindaibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wusunshigu"></span>
            <div class="name">
              物损事故
            </div>
            <div class="code-name">.icon-wusunshigu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanglaosheshi"></span>
            <div class="name">
              养老设施
            </div>
            <div class="code-name">.icon-yanglaosheshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinsheqiye"></span>
            <div class="name">
              新设企业
            </div>
            <div class="code-name">.icon-xinsheqiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiyuanfuwuzhongxin"></span>
            <div class="name">
              志愿服务中心
            </div>
            <div class="code-name">.icon-zhiyuanfuwuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tousujubao"></span>
            <div class="name">
              投诉举报
            </div>
            <div class="code-name">.icon-tousujubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xieguanyuan"></span>
            <div class="name">
              协管员
            </div>
            <div class="code-name">.icon-xieguanyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhihuiganzhi"></span>
            <div class="name">
              智慧感知
            </div>
            <div class="code-name">.icon-zhihuiganzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengzizonge"></span>
            <div class="name">
              增资总额
            </div>
            <div class="code-name">.icon-zengzizonge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuceziben"></span>
            <div class="name">
              注册资本
            </div>
            <div class="code-name">.icon-zhuceziben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhudiaoxiao2"></span>
            <div class="name">
              注（吊）销
            </div>
            <div class="code-name">.icon-zhudiaoxiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiyuanzhe"></span>
            <div class="name">
              志愿者
            </div>
            <div class="code-name">.icon-zhiyuanzhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhucezijin"></span>
            <div class="name">
              注册资金
            </div>
            <div class="code-name">.icon-zhucezijin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengziqiye"></span>
            <div class="name">
              增资企业
            </div>
            <div class="code-name">.icon-zengziqiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yeweihuichengyuan"></span>
            <div class="name">
              业委会成员
            </div>
            <div class="code-name">.icon-yeweihuichengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongyanghuodongqu"></span>
            <div class="name">
              中央活动区
            </div>
            <div class="code-name">.icon-zhongyanghuodongqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanzhishu"></span>
            <div class="name">
              安全指数
            </div>
            <div class="code-name">.icon-anquanzhishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggonganquan"></span>
            <div class="name">
              公共安全1
            </div>
            <div class="code-name">.icon-gonggonganquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangzhengshenpi"></span>
            <div class="name">
              行政审批
            </div>
            <div class="code-name">.icon-hangzhengshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggonganquan1"></span>
            <div class="name">
              公共安全
            </div>
            <div class="code-name">.icon-gonggonganquan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hedaoxuncha"></span>
            <div class="name">
              河道巡查
            </div>
            <div class="code-name">.icon-hedaoxuncha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiamenkou"></span>
            <div class="name">
              家门口
            </div>
            <div class="code-name">.icon-jiamenkou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiatinghuaxiang"></span>
            <div class="name">
              家庭画像
            </div>
            <div class="code-name">.icon-jiatinghuaxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianzhushigong"></span>
            <div class="name">
              建筑施工
            </div>
            <div class="code-name">.icon-jianzhushigong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guihuajianshe"></span>
            <div class="name">
              规划建设
            </div>
            <div class="code-name">.icon-guihuajianshe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianduguanli"></span>
            <div class="name">
              监督管理
            </div>
            <div class="code-name">.icon-jianduguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaotongzhishu"></span>
            <div class="name">
              交通指数
            </div>
            <div class="code-name">.icon-jiaotongzhishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minshengfuwu"></span>
            <div class="name">
              民生服务
            </div>
            <div class="code-name">.icon-minshengfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingantaishi"></span>
            <div class="name">
              平安态势
            </div>
            <div class="code-name">.icon-pingantaishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minshengfuwu1"></span>
            <div class="name">
              民生服务1
            </div>
            <div class="code-name">.icon-minshengfuwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiye"></span>
            <div class="name">
              企业
            </div>
            <div class="code-name">.icon-qiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianduyujing"></span>
            <div class="name">
              监督预警
            </div>
            <div class="code-name">.icon-jianduyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renkou"></span>
            <div class="name">
              人口
            </div>
            <div class="code-name">.icon-renkou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minshengzhishu"></span>
            <div class="name">
              民生指数
            </div>
            <div class="code-name">.icon-minshengzhishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shichangjianguan"></span>
            <div class="name">
              市场监管
            </div>
            <div class="code-name">.icon-shichangjianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingshangzhishu"></span>
            <div class="name">
              营商指数
            </div>
            <div class="code-name">.icon-yingshangzhishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunhangtizheng"></span>
            <div class="name">
              运行体征
            </div>
            <div class="code-name">.icon-yunhangtizheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingshangfuwu"></span>
            <div class="name">
              营商服务
            </div>
            <div class="code-name">.icon-yingshangfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhianyujing"></span>
            <div class="name">
              治安预警
            </div>
            <div class="code-name">.icon-zhianyujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhijianshang"></span>
            <div class="name">
              指尖上
            </div>
            <div class="code-name">.icon-zhijianshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zonghejianguan"></span>
            <div class="name">
              综合监管
            </div>
            <div class="code-name">.icon-zonghejianguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongdianchangsuo"></span>
            <div class="name">
              重点场所
            </div>
            <div class="code-name">.icon-zhongdianchangsuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shehuangjingqing"></span>
            <div class="name">
              涉黄警情
            </div>
            <div class="code-name">.icon-shehuangjingqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shichangfengxian"></span>
            <div class="name">
              市场风险
            </div>
            <div class="code-name">.icon-shichangfengxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshangshigu"></span>
            <div class="name">
              人伤事故
            </div>
            <div class="code-name">.icon-renshangshigu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zonghezhili"></span>
            <div class="name">
              综合治理
            </div>
            <div class="code-name">.icon-zonghezhili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shequjiandang"></span>
            <div class="name">
              社区建档
            </div>
            <div class="code-name">.icon-shequjiandang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanlangyunhang"></span>
            <div class="name">
              管廊运行
            </div>
            <div class="code-name">.icon-guanlangyunhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjian"></span>
            <div class="name">
              办件
            </div>
            <div class="code-name">.icon-banjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shichangfengxian2"></span>
            <div class="name">
              市场风险
            </div>
            <div class="code-name">.icon-shichangfengxian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-select"></span>
            <div class="name">
              select
            </div>
            <div class="code-name">.icon-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dakaqiandao"></span>
            <div class="name">
              打卡签到
            </div>
            <div class="code-name">.icon-dakaqiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dakatongji"></span>
            <div class="name">
              打卡统计
            </div>
            <div class="code-name">.icon-dakatongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minqingjilu"></span>
            <div class="name">
              民情记录
            </div>
            <div class="code-name">.icon-minqingjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rexianfenxi2"></span>
            <div class="name">
              热线分析
            </div>
            <div class="code-name">.icon-rexianfenxi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwangge"></span>
            <div class="name">
              微网格
            </div>
            <div class="code-name">.icon-weiwangge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinzengminqing"></span>
            <div class="name">
              新增民情
            </div>
            <div class="code-name">.icon-xinzengminqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xungengqiandao"></span>
            <div class="name">
              巡更签到
            </div>
            <div class="code-name">.icon-xungengqiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xungengtongji"></span>
            <div class="name">
              巡更统计
            </div>
            <div class="code-name">.icon-xungengtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-handle"></span>
            <div class="name">
              handle
            </div>
            <div class="code-name">.icon-handle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search"></span>
            <div class="name">
              icon-traces-search
            </div>
            <div class="code-name">.icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-order"></span>
            <div class="name">
              order
            </div>
            <div class="code-name">.icon-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-info"></span>
            <div class="name">
              消息中心wu
            </div>
            <div class="code-name">.icon-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-newInfo"></span>
            <div class="name">
              消息中心
            </div>
            <div class="code-name">.icon-newInfo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Add"></span>
            <div class="name">
              Add
            </div>
            <div class="code-name">.icon-Add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-share"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.icon-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-authority"></span>
            <div class="name">
              authority
            </div>
            <div class="code-name">.icon-authority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biking-person"></span>
            <div class="name">
              biking-person
            </div>
            <div class="code-name">.icon-biking-person
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-right"></span>
            <div class="name">
              htb－Arrow right02
            </div>
            <div class="code-name">.iconicon-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-management"></span>
            <div class="name">
              contract_management_fill
            </div>
            <div class="code-name">.icon-management
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Meeting"></span>
            <div class="name">
              Meeting
            </div>
            <div class="code-name">.icon-Meeting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shexiangtou"></span>
            <div class="name">
              摄像头
            </div>
            <div class="code-name">.icon-shexiangtou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiminshangbaoxinxi"></span>
            <div class="name">
              市民上报信息
            </div>
            <div class="code-name">.icon-shiminshangbaoxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijianliebiao"></span>
            <div class="name">
              事件列表
            </div>
            <div class="code-name">.icon-shijianliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiminwujiazhi"></span>
            <div class="name">
              市民无价值
            </div>
            <div class="code-name">.icon-shiminwujiazhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiminfumian"></span>
            <div class="name">
              市民负面
            </div>
            <div class="code-name">.icon-shiminfumian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tushujuanzhu"></span>
            <div class="name">
              图书捐助
            </div>
            <div class="code-name">.icon-tushujuanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shimingaojiazhi"></span>
            <div class="name">
              市民高价值
            </div>
            <div class="code-name">.icon-shimingaojiazhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinzengweizhi"></span>
            <div class="name">
              新增位置
            </div>
            <div class="code-name">.icon-xinzengweizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youjianshoufa"></span>
            <div class="name">
              邮件收发
            </div>
            <div class="code-name">.icon-youjianshoufa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiyuanfuwushu"></span>
            <div class="name">
              志愿服务数
            </div>
            <div class="code-name">.icon-zhiyuanfuwushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaofangshuan"></span>
            <div class="name">
              消防栓
            </div>
            <div class="code-name">.icon-xiaofangshuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chulixinxi"></span>
            <div class="name">
              处理信息
            </div>
            <div class="code-name">.icon-chulixinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxijianbao"></span>
            <div class="name">
              信息简报
            </div>
            <div class="code-name">.icon-xinxijianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichanliebiao"></span>
            <div class="name">
              资产列表
            </div>
            <div class="code-name">.icon-zichanliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuoshouji"></span>
            <div class="name">
              工作手机
            </div>
            <div class="code-name">.icon-gongzuoshouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodegongxian"></span>
            <div class="name">
              我的贡献
            </div>
            <div class="code-name">.icon-wodegongxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinjijiuzhuxuanchuan"></span>
            <div class="name">
              紧急救助宣传
            </div>
            <div class="code-name">.icon-jinjijiuzhuxuanchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lajifang"></span>
            <div class="name">
              垃圾房
            </div>
            <div class="code-name">.icon-lajifang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyishiyuding"></span>
            <div class="name">
              会议室预定
            </div>
            <div class="code-name">.icon-huiyishiyuding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingdaohuodong"></span>
            <div class="name">
              领导活动
            </div>
            <div class="code-name">.icon-lingdaohuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiandaoweizhi"></span>
            <div class="name">
              签到位置
            </div>
            <div class="code-name">.icon-qiandaoweizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mubiaoguanli"></span>
            <div class="name">
              目标管理
            </div>
            <div class="code-name">.icon-mubiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chulixiangqing"></span>
            <div class="name">
              处理详情
            </div>
            <div class="code-name">.icon-chulixiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-file"></span>
            <div class="name">
              file
            </div>
            <div class="code-name">.icon-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-custom"></span>
            <div class="name">
              custom2
            </div>
            <div class="code-name">.icon-custom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-adduser"></span>
            <div class="name">
              add user
            </div>
            <div class="code-name">.icon-adduser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-up"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.icon-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daka"></span>
            <div class="name">
              打卡
            </div>
            <div class="code-name">.icon-daka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbukaoqin"></span>
            <div class="name">
              全部考勤
            </div>
            <div class="code-name">.icon-quanbukaoqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoqinshichang"></span>
            <div class="name">
              考勤时长
            </div>
            <div class="code-name">.icon-kaoqinshichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenxinxi"></span>
            <div class="name">
              个人信息
            </div>
            <div class="code-name">.icon-gerenxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zifazichu2"></span>
            <div class="name">
              自发自处2
            </div>
            <div class="code-name">.icon-zifazichu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentishangbao2"></span>
            <div class="name">
              问题上报2
            </div>
            <div class="code-name">.icon-wentishangbao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wanggejianbao2"></span>
            <div class="name">
              网格简报2
            </div>
            <div class="code-name">.icon-wanggejianbao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentichuzhi2"></span>
            <div class="name">
              问题处置2
            </div>
            <div class="code-name">.icon-wentichuzhi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeanjian"></span>
            <div class="name">
              我的案件
            </div>
            <div class="code-name">.icon-wodeanjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-woyaozixun"></span>
            <div class="name">
              我要咨询
            </div>
            <div class="code-name">.icon-woyaozixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentishangbao"></span>
            <div class="name">
              问题上报
            </div>
            <div class="code-name">.icon-wentishangbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zifazichu"></span>
            <div class="name">
              自发自处
            </div>
            <div class="code-name">.icon-zifazichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodegongxian1"></span>
            <div class="name">
              我的贡献
            </div>
            <div class="code-name">.icon-wodegongxian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentichuzhi"></span>
            <div class="name">
              问题处置
            </div>
            <div class="code-name">.icon-wentichuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wanggejianbao"></span>
            <div class="name">
              网格简报
            </div>
            <div class="code-name">.icon-wanggejianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengyunfenxi"></span>
            <div class="name">
              城运分析
            </div>
            <div class="code-name">.icon-chengyunfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rexianfenxi"></span>
            <div class="name">
              热线分析
            </div>
            <div class="code-name">.icon-rexianfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baojingchakan"></span>
            <div class="name">
              报警查看
            </div>
            <div class="code-name">.icon-baojingchakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiatinghuaxiang1"></span>
            <div class="name">
              家庭画像
            </div>
            <div class="code-name">.icon-jiatinghuaxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minqingrizhi"></span>
            <div class="name">
              民情日志
            </div>
            <div class="code-name">.icon-minqingrizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baojingchuzhi"></span>
            <div class="name">
              报警处置
            </div>
            <div class="code-name">.icon-baojingchuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyehuaxiang"></span>
            <div class="name">
              企业画像
            </div>
            <div class="code-name">.icon-qiyehuaxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renkoufangwu"></span>
            <div class="name">
              人口房屋
            </div>
            <div class="code-name">.icon-renkoufangwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shequziyuan"></span>
            <div class="name">
              社区资源
            </div>
            <div class="code-name">.icon-shequziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentishangbao3"></span>
            <div class="name">
              问题上报
            </div>
            <div class="code-name">.icon-wentishangbao3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zifazichu3"></span>
            <div class="name">
              自发自出
            </div>
            <div class="code-name">.icon-zifazichu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-woderenwu"></span>
            <div class="name">
              我的任务
            </div>
            <div class="code-name">.icon-woderenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shequliliang"></span>
            <div class="name">
              社区力量
            </div>
            <div class="code-name">.icon-shequliliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rexianfenxi1"></span>
            <div class="name">
              热线分析
            </div>
            <div class="code-name">.icon-rexianfenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentiyinhuan"></span>
            <div class="name">
              问题隐患
            </div>
            <div class="code-name">.icon-wentiyinhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiliangsizhu"></span>
            <div class="name">
              一梁四柱
            </div>
            <div class="code-name">.icon-yiliangsizhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentichuzhi3"></span>
            <div class="name">
              问题处置
            </div>
            <div class="code-name">.icon-wentichuzhi3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiminxiaoxi"></span>
            <div class="name">
              市民消息
            </div>
            <div class="code-name">.icon-shiminxiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiminpingjia"></span>
            <div class="name">
              市民评价
            </div>
            <div class="code-name">.icon-shiminpingjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daiban"></span>
            <div class="name">
              待办
            </div>
            <div class="code-name">.icon-daiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoluxuncha"></span>
            <div class="name">
              道路巡查
            </div>
            <div class="code-name">.icon-daoluxuncha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-querenshangbao"></span>
            <div class="name">
              服务方确认与上报
            </div>
            <div class="code-name">.icon-querenshangbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanwancheng"></span>
            <div class="name">
              订单完成
            </div>
            <div class="code-name">.icon-dingdanwancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-richeng"></span>
            <div class="name">
              日程
            </div>
            <div class="code-name">.icon-richeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongwenbao"></span>
            <div class="name">
              公文包
            </div>
            <div class="code-name">.icon-gongwenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liulanjilu"></span>
            <div class="name">
              浏览记录
            </div>
            <div class="code-name">.icon-liulanjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-richeng1"></span>
            <div class="name">
              日程1
            </div>
            <div class="code-name">.icon-richeng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxiang"></span>
            <div class="name">
              邮箱
            </div>
            <div class="code-name">.icon-youxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiban"></span>
            <div class="name">
              已办
            </div>
            <div class="code-name">.icon-yiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongxunlu"></span>
            <div class="name">
              通讯录
            </div>
            <div class="code-name">.icon-tongxunlu
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#icon-shop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-test"></use>
                </svg>
                <div class="name">超市</div>
                <div class="code-name">#iconicon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-down"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#icon-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-market"></use>
                </svg>
                <div class="name">篮子</div>
                <div class="code-name">#icon-market</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drink"></use>
                </svg>
                <div class="name">饮料</div>
                <div class="code-name">#icon-drink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dinner"></use>
                </svg>
                <div class="name">刀叉</div>
                <div class="code-name">#icon-dinner</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star-off"></use>
                </svg>
                <div class="name">cl-icon-Star</div>
                <div class="code-name">#icon-star-off</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinriyujing"></use>
                </svg>
                <div class="name">今日预警</div>
                <div class="code-name">#icon-jinriyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangxun"></use>
                </svg>
                <div class="name">预警</div>
                <div class="code-name">#icon-fangxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-coffe"></use>
                </svg>
                <div class="name">咖啡 等待</div>
                <div class="code-name">#icon-coffe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star-on"></use>
                </svg>
                <div class="name">qp_icon_star</div>
                <div class="code-name">#icon-star-on</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanshijian2"></use>
                </svg>
                <div class="name">安全事件</div>
                <div class="code-name">#icon-anquanshijian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cishanliliang"></use>
                </svg>
                <div class="name">慈善力量</div>
                <div class="code-name">#icon-cishanliliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianyujing"></use>
                </svg>
                <div class="name">风险预警</div>
                <div class="code-name">#icon-fengxianyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdianquan"></use>
                </svg>
                <div class="name">工地安全</div>
                <div class="code-name">#icon-gongdianquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiatingzongshu"></use>
                </svg>
                <div class="name">家庭总数</div>
                <div class="code-name">#icon-jiatingzongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangzhengchufa"></use>
                </svg>
                <div class="name">行政处罚</div>
                <div class="code-name">#icon-hangzhengchufa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoyusheshi"></use>
                </svg>
                <div class="name">教育设施</div>
                <div class="code-name">#icon-jiaoyusheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dangjiansheshi"></use>
                </svg>
                <div class="name">党建设施</div>
                <div class="code-name">#icon-dangjiansheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiezhenguanli"></use>
                </svg>
                <div class="name">街镇管理</div>
                <div class="code-name">#icon-jiezhenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juweiganbu"></use>
                </svg>
                <div class="name">居委干部</div>
                <div class="code-name">#icon-juweiganbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liangqiangjingqing"></use>
                </svg>
                <div class="name">两抢警情</div>
                <div class="code-name">#icon-liangqiangjingqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianhechengjie"></use>
                </svg>
                <div class="name">联合惩戒</div>
                <div class="code-name">#icon-lianhechengjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-louzuchang"></use>
                </svg>
                <div class="name">楼组长</div>
                <div class="code-name">#icon-louzuchang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianchuqiyesvg"></use>
                </svg>
                <div class="name">迁出企业svg</div>
                <div class="code-name">#icon-qianchuqiyesvg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quntishijian"></use>
                </svg>
                <div class="name">群体事件</div>
                <div class="code-name">#icon-quntishijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianruqiye"></use>
                </svg>
                <div class="name">迁入企业</div>
                <div class="code-name">#icon-qianruqiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengguanzhifa"></use>
                </svg>
                <div class="name">城管执法</div>
                <div class="code-name">#icon-chengguanzhifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-richangjianguan"></use>
                </svg>
                <div class="name">日常监管</div>
                <div class="code-name">#icon-richangjianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shegongzaigangrenshu"></use>
                </svg>
                <div class="name">社工在岗人数</div>
                <div class="code-name">#icon-shegongzaigangrenshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shegong"></use>
                </svg>
                <div class="name">社工</div>
                <div class="code-name">#icon-shegong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shedujingqing"></use>
                </svg>
                <div class="name">涉赌警情</div>
                <div class="code-name">#icon-shedujingqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shequminjing"></use>
                </svg>
                <div class="name">社区民警</div>
                <div class="code-name">#icon-shequminjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shedujingqing1"></use>
                </svg>
                <div class="name">涉毒警情</div>
                <div class="code-name">#icon-shedujingqing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenghuosheshi"></use>
                </svg>
                <div class="name">生活设施</div>
                <div class="code-name">#icon-shenghuosheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenghuofuwujigou"></use>
                </svg>
                <div class="name">生活服务机构</div>
                <div class="code-name">#icon-shenghuofuwujigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-siwangshigu"></use>
                </svg>
                <div class="name">死亡事故</div>
                <div class="code-name">#icon-siwangshigu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shichangzhuti"></use>
                </svg>
                <div class="name">市场主体 </div>
                <div class="code-name">#icon-shichangzhuti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shironghuanwei"></use>
                </svg>
                <div class="name">市容环卫</div>
                <div class="code-name">#icon-shironghuanwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiyusheshi"></use>
                </svg>
                <div class="name">体育设施</div>
                <div class="code-name">#icon-tiyusheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenhuasheshi"></use>
                </svg>
                <div class="name">文化设施</div>
                <div class="code-name">#icon-wenhuasheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weishengsheshi"></use>
                </svg>
                <div class="name">卫生设施</div>
                <div class="code-name">#icon-weishengsheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiguzongshu"></use>
                </svg>
                <div class="name">事故总数</div>
                <div class="code-name">#icon-shiguzongshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xukeshenpi"></use>
                </svg>
                <div class="name">许可审批</div>
                <div class="code-name">#icon-xukeshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoqujumindaibiao"></use>
                </svg>
                <div class="name">小区居民代表</div>
                <div class="code-name">#icon-xiaoqujumindaibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wusunshigu"></use>
                </svg>
                <div class="name">物损事故</div>
                <div class="code-name">#icon-wusunshigu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanglaosheshi"></use>
                </svg>
                <div class="name">养老设施</div>
                <div class="code-name">#icon-yanglaosheshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinsheqiye"></use>
                </svg>
                <div class="name">新设企业</div>
                <div class="code-name">#icon-xinsheqiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiyuanfuwuzhongxin"></use>
                </svg>
                <div class="name">志愿服务中心</div>
                <div class="code-name">#icon-zhiyuanfuwuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tousujubao"></use>
                </svg>
                <div class="name">投诉举报</div>
                <div class="code-name">#icon-tousujubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xieguanyuan"></use>
                </svg>
                <div class="name">协管员</div>
                <div class="code-name">#icon-xieguanyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhihuiganzhi"></use>
                </svg>
                <div class="name">智慧感知</div>
                <div class="code-name">#icon-zhihuiganzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengzizonge"></use>
                </svg>
                <div class="name">增资总额</div>
                <div class="code-name">#icon-zengzizonge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuceziben"></use>
                </svg>
                <div class="name">注册资本</div>
                <div class="code-name">#icon-zhuceziben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhudiaoxiao2"></use>
                </svg>
                <div class="name">注（吊）销</div>
                <div class="code-name">#icon-zhudiaoxiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiyuanzhe"></use>
                </svg>
                <div class="name">志愿者</div>
                <div class="code-name">#icon-zhiyuanzhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhucezijin"></use>
                </svg>
                <div class="name">注册资金</div>
                <div class="code-name">#icon-zhucezijin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengziqiye"></use>
                </svg>
                <div class="name">增资企业</div>
                <div class="code-name">#icon-zengziqiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yeweihuichengyuan"></use>
                </svg>
                <div class="name">业委会成员</div>
                <div class="code-name">#icon-yeweihuichengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongyanghuodongqu"></use>
                </svg>
                <div class="name">中央活动区</div>
                <div class="code-name">#icon-zhongyanghuodongqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanzhishu"></use>
                </svg>
                <div class="name">安全指数</div>
                <div class="code-name">#icon-anquanzhishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggonganquan"></use>
                </svg>
                <div class="name">公共安全1</div>
                <div class="code-name">#icon-gonggonganquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangzhengshenpi"></use>
                </svg>
                <div class="name">行政审批</div>
                <div class="code-name">#icon-hangzhengshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggonganquan1"></use>
                </svg>
                <div class="name">公共安全</div>
                <div class="code-name">#icon-gonggonganquan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hedaoxuncha"></use>
                </svg>
                <div class="name">河道巡查</div>
                <div class="code-name">#icon-hedaoxuncha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiamenkou"></use>
                </svg>
                <div class="name">家门口</div>
                <div class="code-name">#icon-jiamenkou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiatinghuaxiang"></use>
                </svg>
                <div class="name">家庭画像</div>
                <div class="code-name">#icon-jiatinghuaxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianzhushigong"></use>
                </svg>
                <div class="name">建筑施工</div>
                <div class="code-name">#icon-jianzhushigong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guihuajianshe"></use>
                </svg>
                <div class="name">规划建设</div>
                <div class="code-name">#icon-guihuajianshe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianduguanli"></use>
                </svg>
                <div class="name">监督管理</div>
                <div class="code-name">#icon-jianduguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaotongzhishu"></use>
                </svg>
                <div class="name">交通指数</div>
                <div class="code-name">#icon-jiaotongzhishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minshengfuwu"></use>
                </svg>
                <div class="name">民生服务</div>
                <div class="code-name">#icon-minshengfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingantaishi"></use>
                </svg>
                <div class="name">平安态势</div>
                <div class="code-name">#icon-pingantaishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minshengfuwu1"></use>
                </svg>
                <div class="name">民生服务1</div>
                <div class="code-name">#icon-minshengfuwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiye"></use>
                </svg>
                <div class="name">企业</div>
                <div class="code-name">#icon-qiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianduyujing"></use>
                </svg>
                <div class="name">监督预警</div>
                <div class="code-name">#icon-jianduyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renkou"></use>
                </svg>
                <div class="name">人口</div>
                <div class="code-name">#icon-renkou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minshengzhishu"></use>
                </svg>
                <div class="name">民生指数</div>
                <div class="code-name">#icon-minshengzhishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shichangjianguan"></use>
                </svg>
                <div class="name">市场监管</div>
                <div class="code-name">#icon-shichangjianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingshangzhishu"></use>
                </svg>
                <div class="name">营商指数</div>
                <div class="code-name">#icon-yingshangzhishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunhangtizheng"></use>
                </svg>
                <div class="name">运行体征</div>
                <div class="code-name">#icon-yunhangtizheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingshangfuwu"></use>
                </svg>
                <div class="name">营商服务</div>
                <div class="code-name">#icon-yingshangfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhianyujing"></use>
                </svg>
                <div class="name">治安预警</div>
                <div class="code-name">#icon-zhianyujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianshang"></use>
                </svg>
                <div class="name">指尖上</div>
                <div class="code-name">#icon-zhijianshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghejianguan"></use>
                </svg>
                <div class="name">综合监管</div>
                <div class="code-name">#icon-zonghejianguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongdianchangsuo"></use>
                </svg>
                <div class="name">重点场所</div>
                <div class="code-name">#icon-zhongdianchangsuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shehuangjingqing"></use>
                </svg>
                <div class="name">涉黄警情</div>
                <div class="code-name">#icon-shehuangjingqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shichangfengxian"></use>
                </svg>
                <div class="name">市场风险</div>
                <div class="code-name">#icon-shichangfengxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renshangshigu"></use>
                </svg>
                <div class="name">人伤事故</div>
                <div class="code-name">#icon-renshangshigu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghezhili"></use>
                </svg>
                <div class="name">综合治理</div>
                <div class="code-name">#icon-zonghezhili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shequjiandang"></use>
                </svg>
                <div class="name">社区建档</div>
                <div class="code-name">#icon-shequjiandang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanlangyunhang"></use>
                </svg>
                <div class="name">管廊运行</div>
                <div class="code-name">#icon-guanlangyunhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banjian"></use>
                </svg>
                <div class="name">办件</div>
                <div class="code-name">#icon-banjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shichangfengxian2"></use>
                </svg>
                <div class="name">市场风险</div>
                <div class="code-name">#icon-shichangfengxian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-select"></use>
                </svg>
                <div class="name">select</div>
                <div class="code-name">#icon-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dakaqiandao"></use>
                </svg>
                <div class="name">打卡签到</div>
                <div class="code-name">#icon-dakaqiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dakatongji"></use>
                </svg>
                <div class="name">打卡统计</div>
                <div class="code-name">#icon-dakatongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minqingjilu"></use>
                </svg>
                <div class="name">民情记录</div>
                <div class="code-name">#icon-minqingjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rexianfenxi2"></use>
                </svg>
                <div class="name">热线分析</div>
                <div class="code-name">#icon-rexianfenxi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwangge"></use>
                </svg>
                <div class="name">微网格</div>
                <div class="code-name">#icon-weiwangge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinzengminqing"></use>
                </svg>
                <div class="name">新增民情</div>
                <div class="code-name">#icon-xinzengminqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xungengqiandao"></use>
                </svg>
                <div class="name">巡更签到</div>
                <div class="code-name">#icon-xungengqiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xungengtongji"></use>
                </svg>
                <div class="name">巡更统计</div>
                <div class="code-name">#icon-xungengtongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-handle"></use>
                </svg>
                <div class="name">handle</div>
                <div class="code-name">#icon-handle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search"></use>
                </svg>
                <div class="name">icon-traces-search</div>
                <div class="code-name">#icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order"></use>
                </svg>
                <div class="name">order</div>
                <div class="code-name">#icon-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-info"></use>
                </svg>
                <div class="name">消息中心wu</div>
                <div class="code-name">#icon-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-newInfo"></use>
                </svg>
                <div class="name">消息中心</div>
                <div class="code-name">#icon-newInfo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Add"></use>
                </svg>
                <div class="name">Add</div>
                <div class="code-name">#icon-Add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-share"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#icon-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-authority"></use>
                </svg>
                <div class="name">authority</div>
                <div class="code-name">#icon-authority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biking-person"></use>
                </svg>
                <div class="name">biking-person</div>
                <div class="code-name">#icon-biking-person</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-right"></use>
                </svg>
                <div class="name">htb－Arrow right02</div>
                <div class="code-name">#iconicon-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-management"></use>
                </svg>
                <div class="name">contract_management_fill</div>
                <div class="code-name">#icon-management</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Meeting"></use>
                </svg>
                <div class="name">Meeting</div>
                <div class="code-name">#icon-Meeting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shexiangtou"></use>
                </svg>
                <div class="name">摄像头</div>
                <div class="code-name">#icon-shexiangtou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiminshangbaoxinxi"></use>
                </svg>
                <div class="name">市民上报信息</div>
                <div class="code-name">#icon-shiminshangbaoxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianliebiao"></use>
                </svg>
                <div class="name">事件列表</div>
                <div class="code-name">#icon-shijianliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiminwujiazhi"></use>
                </svg>
                <div class="name">市民无价值</div>
                <div class="code-name">#icon-shiminwujiazhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiminfumian"></use>
                </svg>
                <div class="name">市民负面</div>
                <div class="code-name">#icon-shiminfumian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tushujuanzhu"></use>
                </svg>
                <div class="name">图书捐助</div>
                <div class="code-name">#icon-tushujuanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shimingaojiazhi"></use>
                </svg>
                <div class="name">市民高价值</div>
                <div class="code-name">#icon-shimingaojiazhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinzengweizhi"></use>
                </svg>
                <div class="name">新增位置</div>
                <div class="code-name">#icon-xinzengweizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youjianshoufa"></use>
                </svg>
                <div class="name">邮件收发</div>
                <div class="code-name">#icon-youjianshoufa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiyuanfuwushu"></use>
                </svg>
                <div class="name">志愿服务数</div>
                <div class="code-name">#icon-zhiyuanfuwushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaofangshuan"></use>
                </svg>
                <div class="name">消防栓</div>
                <div class="code-name">#icon-xiaofangshuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chulixinxi"></use>
                </svg>
                <div class="name">处理信息</div>
                <div class="code-name">#icon-chulixinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxijianbao"></use>
                </svg>
                <div class="name">信息简报</div>
                <div class="code-name">#icon-xinxijianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichanliebiao"></use>
                </svg>
                <div class="name">资产列表</div>
                <div class="code-name">#icon-zichanliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuoshouji"></use>
                </svg>
                <div class="name">工作手机</div>
                <div class="code-name">#icon-gongzuoshouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodegongxian"></use>
                </svg>
                <div class="name">我的贡献</div>
                <div class="code-name">#icon-wodegongxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinjijiuzhuxuanchuan"></use>
                </svg>
                <div class="name">紧急救助宣传</div>
                <div class="code-name">#icon-jinjijiuzhuxuanchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lajifang"></use>
                </svg>
                <div class="name">垃圾房</div>
                <div class="code-name">#icon-lajifang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyishiyuding"></use>
                </svg>
                <div class="name">会议室预定</div>
                <div class="code-name">#icon-huiyishiyuding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingdaohuodong"></use>
                </svg>
                <div class="name">领导活动</div>
                <div class="code-name">#icon-lingdaohuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiandaoweizhi"></use>
                </svg>
                <div class="name">签到位置</div>
                <div class="code-name">#icon-qiandaoweizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mubiaoguanli"></use>
                </svg>
                <div class="name">目标管理</div>
                <div class="code-name">#icon-mubiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chulixiangqing"></use>
                </svg>
                <div class="name">处理详情</div>
                <div class="code-name">#icon-chulixiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-file"></use>
                </svg>
                <div class="name">file</div>
                <div class="code-name">#icon-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-custom"></use>
                </svg>
                <div class="name">custom2</div>
                <div class="code-name">#icon-custom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-adduser"></use>
                </svg>
                <div class="name">add user</div>
                <div class="code-name">#icon-adduser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-up"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#icon-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daka"></use>
                </svg>
                <div class="name">打卡</div>
                <div class="code-name">#icon-daka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbukaoqin"></use>
                </svg>
                <div class="name">全部考勤</div>
                <div class="code-name">#icon-quanbukaoqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoqinshichang"></use>
                </svg>
                <div class="name">考勤时长</div>
                <div class="code-name">#icon-kaoqinshichang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenxinxi"></use>
                </svg>
                <div class="name">个人信息</div>
                <div class="code-name">#icon-gerenxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zifazichu2"></use>
                </svg>
                <div class="name">自发自处2</div>
                <div class="code-name">#icon-zifazichu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentishangbao2"></use>
                </svg>
                <div class="name">问题上报2</div>
                <div class="code-name">#icon-wentishangbao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wanggejianbao2"></use>
                </svg>
                <div class="name">网格简报2</div>
                <div class="code-name">#icon-wanggejianbao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentichuzhi2"></use>
                </svg>
                <div class="name">问题处置2</div>
                <div class="code-name">#icon-wentichuzhi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodeanjian"></use>
                </svg>
                <div class="name">我的案件</div>
                <div class="code-name">#icon-wodeanjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-woyaozixun"></use>
                </svg>
                <div class="name">我要咨询</div>
                <div class="code-name">#icon-woyaozixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentishangbao"></use>
                </svg>
                <div class="name">问题上报</div>
                <div class="code-name">#icon-wentishangbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zifazichu"></use>
                </svg>
                <div class="name">自发自处</div>
                <div class="code-name">#icon-zifazichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodegongxian1"></use>
                </svg>
                <div class="name">我的贡献</div>
                <div class="code-name">#icon-wodegongxian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentichuzhi"></use>
                </svg>
                <div class="name">问题处置</div>
                <div class="code-name">#icon-wentichuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wanggejianbao"></use>
                </svg>
                <div class="name">网格简报</div>
                <div class="code-name">#icon-wanggejianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengyunfenxi"></use>
                </svg>
                <div class="name">城运分析</div>
                <div class="code-name">#icon-chengyunfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rexianfenxi"></use>
                </svg>
                <div class="name">热线分析</div>
                <div class="code-name">#icon-rexianfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baojingchakan"></use>
                </svg>
                <div class="name">报警查看</div>
                <div class="code-name">#icon-baojingchakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiatinghuaxiang1"></use>
                </svg>
                <div class="name">家庭画像</div>
                <div class="code-name">#icon-jiatinghuaxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minqingrizhi"></use>
                </svg>
                <div class="name">民情日志</div>
                <div class="code-name">#icon-minqingrizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baojingchuzhi"></use>
                </svg>
                <div class="name">报警处置</div>
                <div class="code-name">#icon-baojingchuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyehuaxiang"></use>
                </svg>
                <div class="name">企业画像</div>
                <div class="code-name">#icon-qiyehuaxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renkoufangwu"></use>
                </svg>
                <div class="name">人口房屋</div>
                <div class="code-name">#icon-renkoufangwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shequziyuan"></use>
                </svg>
                <div class="name">社区资源</div>
                <div class="code-name">#icon-shequziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentishangbao3"></use>
                </svg>
                <div class="name">问题上报</div>
                <div class="code-name">#icon-wentishangbao3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zifazichu3"></use>
                </svg>
                <div class="name">自发自出</div>
                <div class="code-name">#icon-zifazichu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-woderenwu"></use>
                </svg>
                <div class="name">我的任务</div>
                <div class="code-name">#icon-woderenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shequliliang"></use>
                </svg>
                <div class="name">社区力量</div>
                <div class="code-name">#icon-shequliliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rexianfenxi1"></use>
                </svg>
                <div class="name">热线分析</div>
                <div class="code-name">#icon-rexianfenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentiyinhuan"></use>
                </svg>
                <div class="name">问题隐患</div>
                <div class="code-name">#icon-wentiyinhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiliangsizhu"></use>
                </svg>
                <div class="name">一梁四柱</div>
                <div class="code-name">#icon-yiliangsizhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentichuzhi3"></use>
                </svg>
                <div class="name">问题处置</div>
                <div class="code-name">#icon-wentichuzhi3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiminxiaoxi"></use>
                </svg>
                <div class="name">市民消息</div>
                <div class="code-name">#icon-shiminxiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiminpingjia"></use>
                </svg>
                <div class="name">市民评价</div>
                <div class="code-name">#icon-shiminpingjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daiban"></use>
                </svg>
                <div class="name">待办</div>
                <div class="code-name">#icon-daiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daoluxuncha"></use>
                </svg>
                <div class="name">道路巡查</div>
                <div class="code-name">#icon-daoluxuncha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-querenshangbao"></use>
                </svg>
                <div class="name">服务方确认与上报</div>
                <div class="code-name">#icon-querenshangbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanwancheng"></use>
                </svg>
                <div class="name">订单完成</div>
                <div class="code-name">#icon-dingdanwancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-richeng"></use>
                </svg>
                <div class="name">日程</div>
                <div class="code-name">#icon-richeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongwenbao"></use>
                </svg>
                <div class="name">公文包</div>
                <div class="code-name">#icon-gongwenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liulanjilu"></use>
                </svg>
                <div class="name">浏览记录</div>
                <div class="code-name">#icon-liulanjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-richeng1"></use>
                </svg>
                <div class="name">日程1</div>
                <div class="code-name">#icon-richeng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxiang"></use>
                </svg>
                <div class="name">邮箱</div>
                <div class="code-name">#icon-youxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiban"></use>
                </svg>
                <div class="name">已办</div>
                <div class="code-name">#icon-yiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongxunlu"></use>
                </svg>
                <div class="name">通讯录</div>
                <div class="code-name">#icon-tongxunlu</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
